<template>
    
    <div class="singer-card-wrap">
            <el-image :src="singerInfo.picUrl" fit="cover">

            </el-image>
            <!-- {{singerInfo.id}} -->
            <p>{{singerInfo.name}}</p> 
          
    </div>


</template>

<script lang='ts'>
import { defineComponent } from 'vue'
export default defineComponent({
    setup () {
        
        return {

            
        }
    },
    props:{
        singerInfo:{
            type:Object
        }
    }
})
</script>
 
<style lang = "scss" scoped>
    @import '../../assets/css/Components/singer-card.scss';
</style>